<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="/static/v1/css/scan/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/static/v0/js/jquery.min.js"></script>
</head>
<body>

<div class="aui-register-popup">
    <div class="aui-register-box">
        <div class="aui-register-link">

        </div>
        <div class="aui-register-logo">
            <img src="/static/v1/img/scan/logo.png" alt="">
        </div>
        <div class="aui-register-form" id="verifyCheck">
            <div class="register-wrap" id="register-wrap">
                <div class="register" id="register">
                    <div class="register-top" id="reg-top">
                        <h2 class="normal" id="normal">普通登录</h2>
                        <h2 class="nopassword" id="nopw"></h2>

                        <a id="qrcode" href="#">
                            <span class="aui-tag-size">扫码登录</span>
                        </a>
                    </div>
                    <!--账户密码登录-->
                    <div class="register-con" id="rc">
                        <div class="aui-register-form-item">
                            <input type="text" name="username" maxlength="20" placeholder="账户名"
                                   class="txt03 f-r3 required" tabindex="3"
                                   data-valid="isNonEmpty||between:3-20||isUname"
                                   data-error="<i class='icon-tips'></i>您还没有输入账户名||<i class='icon-tips'></i>用户名长度3-20位||<i class='icon-tips'></i>只能输入字母、数字、且以中文或字母开头"
                                   id="adminNo">
                            <label class="focus valid"></label>
                        </div>
                        <div class="aui-register-form-item">
                            <input type="password" name="password" placeholder="密码" id="password" maxlength="20"
                                   class="txt04 f-r3 required"
                                   tabindex="4" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off"
                                   data-valid="isNonEmpty||between:6-20||level:2"
                                   data-error="<i class='icon-tips'></i>密码太短，最少6位||<i class='icon-tips'></i>密码长度6-20位||<i class='icon-tips'></i>密码太简单，有被盗风险，建议字母+数字的组合">
                            <label class="focus valid"></label>

                        </div>
                        <div class="aui-register-form-item">
                            <p class="aui-for-pwd">
                                <a class="" href="#">忘记密码</a>
                            </p>
                            <input id="aui-btn-reg" class="aui-btn-reg" placeholder="" readonly="readonly" value="登录">
                        </div>
                        <div class="aui-protocol">
                            登录即同意
                            <a href="#">《17素材网使用协议》</a>&
                            <a href="#">《隐私权条款》</a>
                        </div>
                        <div class="aui-thirds">
                            <a href="#">
                                <i class="aui-qq-img"></i>
                                <i>QQ登录</i>
                            </a>
                            <a href="#">
                                <i class="aui-wx-img"></i>
                                <i>微信登录</i>
                            </a>
                            <a href="#">
                                <i class="aui-wb-img"></i>
                                <i>微博登录</i>
                            </a>
                            <div class="clear"></div>
                        </div>
                    </div>

                    <div class="login-con" id="lc">
                    </div>


                    <!-- 扫码登录 -->
                    <div class="saoma" id="sm">
                        <div class="screen-tu" id="screen">
                            <span class="aui-tag-size">密码登录</span>
                        </div>
                        <div class="aui-text-item">
                            <h1>1秒即登录，方便又安全</h1>
                        </div>
                        <div class="qr-code">
                            <span class="tips_img"></span>
                            <img src="/static/v1/img/scan/code.png" alt="">
                        </div>
                        <div class="aui-tab-footer">
                            <p>17扫码登录，同步账户信息 | <a href="#">下载17APP</a></p>
                        </div>

                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="aui-register-bottom">
            <a>©188.com</a>
            <a href="#">联系客服</a>
            <a href="#">帮助中心</a>
            <div class="clear"></div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(function () {


        var regTop = document.getElementById('reg-top');
        var normal = document.getElementById('normal');
        var nopw = document.getElementById('nopw');
        var saoma = document.getElementById('qrcode');
        var screen = document.getElementById('screen');
        var rc = document.getElementById('rc');
        var lc = document.getElementById('lc');
        var sm = document.getElementById('sm');

        var rcFlag = true;
        var lcFlag = false;
		saoma.click();

        normal.onclick = function () {
            rc.style.display = "block";
            lc.style.display = "none";
            sm.style.display = "none";
            regTop.style.display = "block";
            nopw.style.borderBottom = "none";
            normal.style.borderBottom = "1px solid #ff552e";
            nopw.style.color = "#666";
            normal.style.color = "#ff552e";
            rcFlag = true;
            lcFlag = false;

        }

        nopw.onclick = function () {
            rc.style.display = "none";
            lc.style.display = "block";
            sm.style.display = "none";
            regTop.style.display = "block";
            nopw.style.borderBottom = "1px solid #ff552e";
            normal.style.borderBottom = "none";
            nopw.style.color = "#ff552e";
            normal.style.color = "#666";
            rcFlag = false;
            lcFlag = true;
        }

        saoma.onclick = function () {
            rc.style.display = "none";
            lc.style.display = "none";
            sm.style.display = "block";
            regTop.style.display = "none";
        }
        screen.onclick = function () {
            regTop.style.display = "block";
            sm.style.display = "none";
            if (rcFlag) {
                rc.style.display = "block";
                return;
            } else {
                rc.style.display = "none";
            }
            if (lcFlag) {
                lc.style.display = "block";
                return;
            } else {
                lc.style.display = "none";
            }
        }

    });
</script>


</body>
</html>
